<template>
<!--  <div class="screen-container">-->
<!--    <div ref="screenRef" class="screen-wrap">-->
<!--      <img src="./assets/bg.jpg" alt="">-->
<!--    </div>-->
<!--  </div>-->
    <div class="screen-app">
<!--        <router-view/>-->
        <RouterView/>
    </div>
</template>

<script setup lang="ts">
  import { useResize } from './composables/useResize';
  const { screenRef } = useResize();

</script>

<style scoped>
    .screen-app {
        width: 100%;
        height: 100%;
    }
  .screen-container {
    overflow: hidden;
    height: 100vh;
    width: 100vw;
    background-color: #000;
    background-size: 100% 100%;
  }
  .screen-wrap {
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .5s;
    width: 1920px;
    height: 1080px;
    overflow: hidden;
    position: relative;
    transform-origin: 0 0;
  }
</style>
